@main("") {

    <style>

            a:hover {
                text-decoration: underline;
            }

            .ques-title {
                color: black;
                font-size: 16px;
            }

            .title {
                margin-top: 30px;
            }

    </style>

    <div class="inner-header">
        <h1 style="margin: 0">软件基本操作说明</h1>
    </div>


    <div class="main-body">

        <div style="padding: 20px 40px 0 40px">


            <ul class="summary" style="margin-left: -20px">

                <li class="chapter">
                    <a href="#operation1" class="ques-title">软件界面说明！</a>
                </li>
                <li class="chapter">
                    <a href="#operation2" class="ques-title">数据导入和导出操作！</a>
                </li>
                <li class="chapter">
                    <a href="#operation3" class="ques-title">查看分析模块帮助说明文档！</a>
                </li>
                <li class="chapter">
                    <a href="#operation4" class="ques-title">查看软件基本操作说明文档！</a>
                </li>
            </ul>


            <div id="operation1" class="title">
                <h3>软件界面说明！</h3>
                <p>软件界面的上方是菜单栏和工具栏，集合了一些常用的功能，如新建项目、保存项目、复制、粘贴、数据导入、数据导出等。
                    左边是分析模块浏览器和流程浏览器，在分析模块浏览器中，包含了整个软件的所有功能模块。在流程浏览器中，保存了预
                    先定义和自定义的流程（Pipeline），适用于特定的数据分析场景。右上是项目浏览器，在其中可以新建项目、删除项目、
                    修改项目名称、设置项目的描述性信息等。右下是文件浏览器，这里实现了文件的基本操作，如数据导入和导出、 重命名、
                    复制、剪切、 删除等。中间是项目编辑窗口，在其中可以拖入功能模块和数据，根据分析需求进行连线，设置模块的参数，
                    建立出适用于特定分析场景的工作流，并运行来处理数据。下方是任务管理器和日志管理器，运行中的任务可以在任务管理
                    器中被停止，每个任务对应的命令行、相应的标准输出和标准错误输出可以在日志管理器中进行查看。</p>
                <img src="@routes.Assets.at("images/operation/image005.jpg")">
            </div>

            <div id="operation2" class="title">
                <h3>数据导入和导出操作！</h3>
                <p>1、在Files Browser中，点击右键菜单 "Import" 和 "Export"，弹出数据导入和导出对话框。</p>
                <img src="@routes.Assets.at("images/operation/image007.jpg")">
                <p>2、数据导入对话框。</p>
                <img src="@routes.Assets.at("images/operation/image008.jpg")">
                <p>3、数据导出对话框。</p>
                <img src="@routes.Assets.at("images/operation/image010.jpg")">
            </div>


            <div id="operation3" class="title">
                <h3>查看分析模块帮助说明文档！</h3>
                <p>在Tools Browser中，点击右键菜单 "Tool Help" ，弹出对应分析模块的帮助文档。或者，在分析模块参数设置界面，点击右上角 "Help Document" 链接。</p>
                <img src="@routes.Assets.at("images/operation/image012.jpg")">
            </div>

            <div id="operation4" class="title">
                <h3>查看软件基本操作说明文档！</h3>
                <p>请参考软件基本操作说明文档。在软件界面中，点击菜单 "Help" -> "User Manual… " 即可查看软件基本操作说明文档。</p>
                <img src="@routes.Assets.at("images/operation/image015.jpg")">
            </div>


            <br>
            <br>


        </div>


    </div>
}